<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="E:/idea_workspace/study/Bootstrap/BootstrapDemo/src/main/resources/static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
          rel="stylesheet">
</head>
<body>
<div class="table-responsive">
    <table class="table">
        <caption>contact information</caption>
        <thead>
        <tr class="info">
            <th>Name</th>
            <th>Title</th>
            <th>Url</th>
            <th>Email</th>
        </tr>
        </thead>
        <tbody>
        <tr class="warning">
            <th>NameNameNameNameNameNameNameNameNameName</th>
            <th>TitleTitleTitleTitleTitleTitleTitleTitleTitleTitleTitleTitle</th>
            <th>UrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrl</th>
            <th>EmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmail</th>
        </tr>
        <tr class="success">
            <th>NameNameNameNameNameNameNameNameNameName</th>
            <th>TitleTitleTitleTitleTitleTitleTitleTitleTitleTitleTitleTitle</th>
            <th>UrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrl</th>
            <th>EmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmail</th>
        </tr>
        <tr class="danger">
            <th>NameNameNameNameNameNameNameNameNameName</th>
            <th>TitleTitleTitleTitleTitleTitleTitleTitleTitleTitleTitleTitle</th>
            <th>UrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrl</th>
            <th>EmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmail</th>
        </tr>
        <tr class="active">
            <th>NameNameNameNameNameNameNameNameNameName</th>
            <th>TitleTitleTitleTitleTitleTitleTitleTitleTitleTitleTitleTitle</th>
            <th>UrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrlUrl</th>
            <th>EmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmailEmail</th>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td colspan="4"><p>mckinley and rambler are a dog and a horse,respectively</p></td>
        </tr>
        </tfoot>
    </table>
</div>
<script src="E:/idea_workspace/study/Bootstrap/BootstrapDemo/src/main/resources/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"/>
</body>
</html>